{template 'header'}
<link rel="stylesheet" href="../addons/mx_shop/resources/cgc/css/sorder/detail.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
<body id="app">
<header class="mui-bar mui-bar-nav" style="background: #72adf5;">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
    <h1 class="mui-title" style="color: white;">订单详情</h1>
</header>
<div class="content">
   <div class="title">
       <!--成功显示的图标-->
       <img src="../addons/mx_shop/resources/cgc/images/right_logo_03.png">
       <!--订单等待付款显示的图标-->
       <!--<img src="../addons/mx_shop/resources/cgc/images/wait_03.png">-->
       <!--进行中显示的图标-->
       <!--<img src="../addons/mx_shop/resources/cgc/images/being_03.png">-->
       <!--取消的图标-->
       <!--<img src="../addons/mx_shop/resources/cgc/images/qx_03.png">-->
       <span class="success">订单交易成功</span>
   </div>
    <!--中间部分-->
    <div class="middle">
        <div class="top">
            <img src="../addons/mx_shop/resources/cgc/images/box.png">
            <span>CGC美容院02号房</span>
            <img src="../addons/mx_shop/resources/cgc/images/right_list.png" class="right">
        </div>
        <!--信息部分-->
        <div class="info">
            <p><span>威伐光-750W-000011008</span><span class="price">￥90.00</span></p>
            <p class="count">x1</p>
            <p class="coupon">
                <!--成功-->
                <span>使用套餐优惠券</span>
                <span class="discount">-￥20.00</span>
            </p>
            <p class="pay_style"><span>支付方式</span><span class="style">微信支付</span></p>
            <p class="cost"><span>实付费</span><span class="pay">￥70.00</span></p>
        </div>
    </div>
    <div class="footer">
        <p class="list_number">
            <span>订单编号：</span>
            <!--订单编号-->
            <span class="list_value">CGC201711231010022123453</span>
        </p>
        <p class="create_time">
            <span>创建时间:</span>
            <span> 2017-11-23 10:15:15</span>
        </p>
        <p class="pay_time">
            <span>支付时间:</span>
            <span>2017-11-23 10:15:15</span>
        </p>
        <p class="finsh_time">
            <span>完成时间:</span>
            <span>2017-11-23 10:15:15</span>
        </p>
        <div class="button">
            <button class="delete mui-btn mui-btn-primary mui-btn-outlined">删除订单</button>
            <button class="common mui-btn mui-btn-primary mui-btn-outlined">去评论</button>
        </div>
    </div>
</div>
<input type="hidden" value="{$token}" id="token">
</body>
<script>
//   var vm=new Vue({
//        el:"app",
//        data:{},
//        methods:{
//            getSGoodsInfo:function(){
//                var token = $("#token").val(),
//                    number = $(".list_number>.list_value").val();
//                console.log(number);
//                this.$http({
//                    method:"GET",
//                    url:mainApp.getUrl('sorder/sOrderInfo'),
//                    params:{
//                        ordersn :number,
//                        token:token
//                    }
//                }).then(function(msg){
//                    console.log(msg);
//                    if(msg.data.status==1){
//                        console.log("hhh");
//                       vm.msg=msg.data.result.data;
//                    }else{
//                        //执行弹出框指令，把错误的消息告知用户
//                        $.show(msg.data.result.message);
//                        console.log("请求失败");
//                    }
//                });
//            },
//        }
//    })
//    mainApp.showloding();
//   //调用函数
//    vm.getSGoodsInfo();
</script>